<template>
  <div>
    <div class="full_time_item"  v-for="(val, index) in dataset" :key="index"  @click="fullListJump(val.id)">
      <div class="item_img">
        <img :src="val.company_logo" alt="">
      </div>
      <div class="item_info">
        <a class="job_name substring">{{val.jobname}}</a>
        <span class="salary">{{val.wage_text}}</span>
        <p class="com_name substring">{{val.companyname}}</p>
        <p class="oth_list substring">
          <span class="oth_item">{{val.district_text}}</span>
        </p>
        <span class="date">{{val.refreshtime}}</span>
      </div>
    </div>
  </div>
</template>
<script>
export default{
  props: ['dataset'],
  methods: {
    fullListJump (id) {
      this.$router.push({path: '/job/' + id, query: {isRetrunBtn: true}})
    }
  }
}
</script>
<style lang="scss" scoped>
.full_time_list .full_time_item {
  background-color: #fff;
  height: 106px;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 17px 9px 15px 12px;
  display: flex;
}

.full_time_list .full_time_item:last-child{
  margin-bottom: 0;
}

.full_time_list .full_time_item .item_img {
  width: 48px;
  height: 48px;
  border: 1px solid #e6edea;
  border-radius: 10px;
  margin-right: 12.5px;
  position: relative;
}
.full_time_item .item_img img {
  max-width: 46.5px;
  max-height: 46.5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.full_time_item .item_info {
  width: 271.5px;
  position: relative;
}
.full_time_item .item_info .job_name {
  display: block;
  max-width: 180px;
  color: #333333;
  font-size: 16px;
  margin-bottom: 6px;
}
.full_time_item .item_info .salary {
  color: #fc4700;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 2.5px;
}
.full_time_item .item_info .com_name {
  color: #444444;
  font-size: 14px;
  margin-bottom: 6px;
}

.full_time_item .item_info .oth_list {
  max-width: 180px;
  color: #999999;
  font-size: 0;
}
.full_time_item .item_info .oth_list .oth_item {
  font-size: 13px;
  margin-right: 12.5px;
  position: relative;
}
.full_time_item .item_info .oth_list .oth_item::after {
  content: "";
  width: 1px;
  height: 10.5px;
  background-color: #cacaca;
  position: absolute;
  right: -6.5px;
  top: 50%;
  transform: translateY(-50%);
}

.full_time_item .item_info .oth_list .oth_item:last-child:after {
  display: none;
}
.full_time_item .item_info .date {
  color: #d0d0d0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0px;
}
</style>
